<!--
 * @Description: 
 * @Author: shizhe
 * @Date: 2021-11-09 11:11:30
 * @LastEditTime: 2022-03-03 13:13:59
 * @LastEditors: shizhe
 * @Reference: 
-->
<template>
  <div id="information">
    <div class="tab-wrap">
      <div>
        <el-tabs v-model.trim="curType" @tab-click="partTypeChange">
          <el-tab-pane :label="item.name" :name="item.value" v-for="item in partTypeList" :key="item.name">
          </el-tab-pane>
        </el-tabs>
      </div>
      <div>
        <el-button
          icon="iconfont icon-jiufuqianbaoicon06"
          size="mini"
          class="exportBtn add"
          @click="addCertifi"
          v-if="curType === '3'"
        >
          新增资质证书
        </el-button>
      </div>
    </div>
    <div class="form-list">
      <information-from v-if="curType === '1'"></information-from>
      <basic-information v-if="curType === '2'"></basic-information>
      <certifications v-if="curType === '3'" ref="certifica"></certifications>
      <public-accounts v-if="curType === '4'"></public-accounts>
      <billing-manage v-if="curType === '5'"></billing-manage>
    </div>
  </div>
</template>

<script>
import BasicInformation from './components/basicInformation.vue'
import BillingManage from './components/BillingManage.vue'
import Certifications from './components/Certifications.vue'
import informationFrom from './components/informationFrom.vue'
import PublicAccounts from './components/PublicAccounts.vue'
export default {
  components: { informationFrom, BasicInformation, Certifications, BillingManage, PublicAccounts },
  data() {
    return {
      curType: '1',
      partTypeList: [
        {
          value: '1',
          name: '企业认证'
        },
        {
          value: '2',
          name: '基本信息'
        },
        {
          value: '3',
          name: '资质证书'
        },
        {
          value: '4',
          name: '对公账户管理'
        },
        {
          value: '5',
          name: '开票管理'
        },
        {
          value: '6',
          name: '企业公告'
        }
      ]
    }
  },
  mounted() {},
  methods: {
    addCertifi() {},
    provinceChange() {},
    addMaterial() {},
    partTypeChange() {}
  }
}
</script>
<style lang="less" scoped>
#information {
  height: 100%;
  .tab-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #ebebeb;
    /deep/.el-tabs__nav-wrap::after {
      height: 0;
    }
    /deep/.el-tabs__item {
      height: 60px;
      line-height: 60px;
    }
    /deep/.el-tabs__header {
      margin: 0;
    }
  }
  .form-list {
    height: calc(100% - 116px);
    padding: 16px 16px 40px 16px;
  }
}
</style>
<style lang="less"></style>
